<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App',
  created() {
  }
}
</script>
<style>
  .app-main{
    background-color:#BBE6F7;
  }
  .hamburger-container{
    right: -55px !important;
    top: 24px !important;
  }
  .upload-scrollcontainer .upload-scrollbox .upload-container{
    margin: 5px 5px 5px 0;
  }
  .app-wrapper .app-topbar{
    height: 60px !important;
  }
  #app .sidebar-container{
    top: 60px !important;
  }
  .el-button:visited{
    background: #333365 !important;
    color: #fff !important;
  }
  .el-table__body-wrapper::-webkit-scrollbar{
    width: 10px;
    height: 10px;
  }
  .el-table__body-wrapper::-webkit-scrollbar-thumb{
    border-radius: 5px;
    box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
  }
  .el-table__body-wrapper::-webkit-scrollbar-track{
    box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
  }
  .el-menu.el-menu--horizontal{
    border: none !important;
  }
  .el-pagination{
    padding: 2px 5px 2px 0px !important;
  }
  .el-pagination button, .el-pagination span:not([class*=suffix]){
    margin-right: 10px;
  }
</style>
